<template>
  <div id="mainTabbar">
    <keep-alive exclude="Detail">
	    <router-view></router-view>
    </keep-alive>
    <TabBar >
      <TabBarItem path="/Home" >
        首页
      </TabBarItem>
      <TabBarItem path="/Cart">
        购物车
      </TabBarItem>
      <TabBarItem path="/Profile">
        我的
      </TabBarItem>
      <TabBarItem path="/Category">
        分类
      </TabBarItem>
    </TabBar>
    </div>
</template>



<script>
import TabBar from "components/common/tabbar/tabbar"
import TabBarItem from "components/common/tabbar/tabbaritem"

export default {
  name: 'mainTabbar',
  components:{
    TabBar,
    TabBarItem
  }
}
</script>

<style>
  #mainTabbar {
    z-index: 0;
  }
  
</style>